@charset "utf-8";
/* CSS Document */

* { font: 13px/1.5 '微软雅黑'; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -box-sizing: border-box; padding:0; margin:0; list-style:none; box-sizing: border-box; }
body, html { height:100%; overflow:hidden; }
body {
	background:url(../images/backgroudpage.jpg) no-repeat;
	 background-size: cover; 
}
a { color:#27A9E3;
    text-decoration:none;
    cursor:pointer; }
img{ border:none;}

.login_box{ width:1100px; margin:120px auto 0;}
.login {height:400px;
        width:300px;
        padding:50px;
        background-color: #ffffff;
        border-radius:6px;
        box-sizing: border-box;
        position:fixed;
        right: 100px;
        }
.login_logo{ width:80px;
             height:80px;
             border:4px solid #93defe;
             border-radius:100px;
             background:#fff;
             text-align:center;
             line-height:80px;
             position:absolute;
             top:-48px;
             right:112px;
             }
.login_title{ width:100%;
             /*float:left;*/
             text-align:center;
            }
.login_title p{ width:100%;
               text-align:center;
               font-size:20px;
               font-family: "微软雅黑";
               color:#444;
               padding:0 0 20px;
               margin-top: -15px;
               }
.login_logo img{ width:45px;
                 height:45px;
                 display: inline-block;
                 vertical-align: middle;
                 margin-top: -18px;
                 }
input[type=text], input[type=file], input[type=password], input[type=email], select { border: 1px solid #DCDEE0; vertical-align: middle; border-radius: 3px; height: 40px; padding: 0px 14px; font-size: 12px; color: #555555; outline:none; width:100%;margin-bottom: 15px;line-height:40px; color:#888;}
input[type=text]:focus, input[type=file]:focus, input[type=password]:focus, input[type=email]:focus, select:focus { border: 1px solid #27A9E3; }
input[type=submit], input[type=button] { display: inline-block; vertical-align: middle; padding: 12px 24px; margin: 0px; font-size:14px; line-height: 20px; text-align: center; white-space: nowrap;margin-top: 10px; vertical-align: middle; cursor: pointer; color: #ffffff; background-color: #27A9E3; border-radius: 3px; border: none; -webkit-appearance: none; outline:none; width:100%; }
.copyright { font-size:14px;
             color:#fff;
             display:block;
             width:100%;
             float:left;
             text-align:center;
             margin-top:30px;
             }


#password_text{border: 1px solid #DCDEE0;
               vertical-align: middle;
               border-radius: 3px;
               height: 40px; padding: 0px 14px;
               font-size: 12px;
               color: #888;
               outline:none;
               width:100%;
               margin-bottom:15px;
               display: block;
               line-height:40px;
               }
.code{
      width: 200px;
      margin:0 auto;
      position: relative;
      }
.code .input_val{
    width: 105px;
    background: #ffffff;
    height: 2.8rem;
    padding: 0 2%;
    border-radius: 5px;
    border: none;
    border: 1px solid rgba(0,0,0,.2);
    font-size: 1rem;
    }
#canvas{
        /*display: inline-block;*/
        border:1px solid #ccc;
        border-radius: 5px;
        cursor: pointer;
        position: absolute;
        top: -1px;
        right: 1px;
    }
.forget{
	margin-top: 5px;
}
.forget .sp{
   padding-left: 79px;
}
.tips{
    width: 200px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    color: red;
    /*background: red;*/
}
/* 阻止表单自动填充 */
input:-webkit-autofill {
	box-shadow: 0 0 0 1000px white inset;
	-webkit-box-shadow: 0 0 0 1000px white inset;
}